<script setup>
const back = () => {
    console.log(1);
    uni.navigateBack({
        delta: 0,
    })
}

</script>

<template>
    <view class='box'>
        <view class="box-bg" @click="back">
        <div class="nav">
        <uni-icons class="icon" @click="back" color="#fff" ; type="back" size="30"></uni-icons> 
           <text>
             消息
           </text>
        </div>
        </view>
        <view class="box_a">
           <view class="box_aa">
             您好，您发布的二手房出售已经审核通过
           </view>
           <view class="qi">
             上午7:00
           </view>
           <view class="dian">
             点击查看
           </view>
        </view>
        
    </view>
</template>

<style lang="scss" scoped>
 
    .box{
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        .box-bg{
            width: 100vw;
            height: 100px;
            background: linear-gradient(to right,#3e85ef,rgba(46,175,255));
            display: flex;
        }
        .nav{
            width: 100vw;
            height: 100%;
            line-height: 100px;
            text-align: center;
            color: #fff;
        }
        .icon{
            position: relative;
            right: 130px;
            top: 3px;
        }

    }
   .box_a{
    width: 100%;
    height: 100px;
    background: #fff;
    .box_aa{
        width: 78%;
        height: 100px;
        line-height: 70px;
    }
    .qi{
        float: right;
        margin-top: -70px;
        color: #000;
        margin-right: 10px;
    }
    .dian{
        margin-top: -35px;
        color: blue;
    }
    
   }
  
</style>